<template>
  <header>
    <router-link to="prop" active-class="link">prop</router-link> 
    <router-link to="emit" active-class="link">emit</router-link> 
    <router-link to="mitt" active-class="link">mitt</router-link> 
    <router-link to="model" active-class="link">model</router-link> 
    <router-link to="attrs" active-class="link">attrs</router-link> 
    <router-link to="refsAndParent" active-class="link">refsAndParent</router-link> 
    <router-link to="provideInject" active-class="link">provideInject</router-link> 
    <router-link to="slots" active-class="link">slots</router-link> 

  </header>

  <main>
    <!--   路由试图，路由切换组件的地方   -->
    <router-view />
  </main>
</template>
<script setup lang="ts">
import { RouterLink, RouterView, useRouter } from "vue-router";
</script>
<style lang="scss" scoped></style>
